<template>
  <div id="z">
    <div id="x" style="box-shadow: 2px 2px 5px ">
     <h3>注册</h3>

      <el-input v-model="user.username" placeholder="账户" style="width: 400px" class="input" size=""></el-input>
      <el-input v-model="user.phone" placeholder="手机号" style="width: 400px" class="input"></el-input>
      <el-input v-model="user.cde" placeholder="验证码" style="width: 230px;"class="input"></el-input>
      <el-button type="primary" style="width: 120px;height: 35px;margin-left: 50px" @click="toCode()">发送验证码</el-button>
      <el-input v-model="user.endPassword" placeholder="至少6位密码，区分大小写" style="width: 400px;"class="input" show-password></el-input>
      <el-input v-model="user.password" placeholder="确认密码" style="width: 400px;"class="input" show-password></el-input>
      <el-button type="primary" style="width: 400px;margin-top: 20px;margin-bottom: 30px" @click="toRegister()">注册</el-button>
      <br>
      <el-checkbox v-model="isStatus"></el-checkbox>
      <el-link type="primary" @click="setAgreement()">注册即表明同意<span>《用户服务协议》</span></el-link>
      <el-link type="primary" style="margin-left: 60px" @click="$router.back()">已有帐号，直接登录</el-link>
    </div>

    <el-dialog title="协议" :visible.sync="dialogFormVisible">
      欢迎您使用苏苏平台（苏苏账号为苏苏数字生活账号旗下品牌，下面简称“平台”），为确保用户的合法权益及正常商业秩序（“用户”是指使用平台相关服务的使用人，在本协议中更多地称为“您”。），特制订苏苏账号平台服务协议（下面简称“本协议”），本协议由您与平台的经营者共同缔结，本协议具有合同效力。
      <br>
      一、协议内容及签署<br>
      1.1.本协议内容包括协议正文及所有平台已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。除另行明确声明外，任何平台及其关联公司提供的服务（以下称为平台服务）均受本协议约束。<br>
      1.2.您应当在使用平台服务之前认真阅读全部协议内容，对于协议中以加粗字体显示的内容，您应重点阅读。如您对协议有任何疑问的，应向平台咨询。但无论您事实上是否在使用平台服务之前认真阅读了本协议内容，只要您使用平台服务，则本协议即对您产生约束，届时您不应以未阅读本协议的内容或者未获得平台对您问询的解答等理由，主张本协议无效，或要求撤销本协议。<br>
      1.3.您承诺接受并遵守本协议的约定。如果您不同意本协议的约定，您应立即停止注册激活程序或停止使用平台服务。<br>
      1.4.平台有权根据需要不时地制订、修改本协议及或各类规则，并以网站公示的方式进行公告，不再单独通知您。变更后的协议和规则一经在网站公布后，立即自动生效。如您不同意相关变更，应当立即停止使用平台服务。您继续使用平台服务的，即表示您接受经修订的协议和规则。
      <br>
      二、协议范围<br>
      2.1.本协议是您与平台之间关于用户使用平台相关服务所订立的协议。“平台”是指平台及其相关服务可能存在的运营关联单位。<br>
      2.2.本协议项下的服务是指平台向用户提供的包括但不限于通讯功能、支付功能、存储功能和广告等产品及服务（以下简称“本服务”）。<br>
      2.3.本协议内容同时包括补充协议，且您在使用平台某一特定服务时，该服务可能会另有单独的协议、相关业务规则等（以下统称为“单独协议”）。上述内容一经正式发布，即为本协议不可分割的组成部分，您同样应当遵守。您对前述任何业务规则、单独协议的接受，即视为您对本协议全部的接受。<br>
      2.4 关于中国移动及中国联通用户协议可查阅《中国移动认证服务协议》 、《中国联通服务条款及隐私协议》。
      <br>
      三、注册与账号<br>
      3.1.注册者资格
      您确认，在您完成注册程序或以其他平台允许的方式实际使用平台服务时，您应当是具备完全民事权利能力和完全民事行为能力的自然人、法人或其他组织。若您不具备前述主体资格，则您及您的监护人应承担因此而导致的一切后果，且平台有权注销或永久冻结您的账号，并保留向您及您的监护人索偿的权利。<br>
      3.2.注册账号的渠道
      中国电信基础产品用户默认自动开通平台，无需另行注册即可以使用平台各项互联网内容及应用服务以及平台合作的第三方互联网应用服务。您可以通过以下渠道进行账号注册，包括但不限于：<br>
      （1）手机短信注册<br>
      （2）手机号注册<br>
      （3）邮箱号注册<br>
      （4）第三方账号首次登录注册<br>
      （5）首次使用免密登录时注册<br>
      免密登录是苏苏账号产品首创的一种快捷、安全的登录方式。苏苏账号通过手机移动数据网络认证当前本机sim卡的手机号码，登录时免除输入免输帐号密码操作，一键登录并注册，同时确保手机号账号在本机上登录，不会被他人盗用。<br>
      3.3.您完成申请注册程序后，依照平台的业务规则获得苏苏账号及189邮箱的使用权。
      3.4.无论您通过何种方式注册平台，均受本规则约束。<br>
      3.5.用户信息<br>
      （1）在完成注册或激活流程时，若国家法律法规有特殊规定的，您需要填写真实的身份信息，请按相应页面的提示准确提供并及时更新您的资料，以使之真实、及时、完整和准确。如有合理理由怀疑您提供的资料错误、不实、过时或不完整的，平台有权向您发出询问及或要求改正的通知，并有权直接做出删除相应资料的处理，直至中止、终止对您提供部分或全部平台服务。<br>
      （2）您应当准确填写并及时更新您提供的电子邮件地址、联系电话、联系地址、邮政编码等联系方式，以便平台与您进行有效联系，因通过这些联系方式无法与您取得联系，导致您在使用平台服务过程中产生任何损失或增加费用的，应由您完全独自承担。您了解并同意，您有义务保持你提供的联系方式的有效性，如有变更或需要更新的，您应按平台的要求进行操作。<br>
      （3） 平台与用户一同致力于个人信息的保护，保护用户个人信息是平台的一项基本原则。未经您的同意，平台不会向平台以外的任何公司、组织和个人披露您的个人信息，但法律法规另有规定的除外。<br>
      3.6.账号安全
      您须自行负责对您的平台账号和密码保密，您需要采取特定措施保护您的号码安全，包括但不限于妥善保管平台账号与密码、安装防病毒木马软件、定期更改密码等措施。且须对您在该账号和密码下发生的所有活动（包括但不限于信息披露、发布信息、网上点击同意或提交各类规则协议、网上续签协议或购买服务等）承担责任。根据平台及或合作第三方的要求，用户选择使用苏苏平台账号登录使用互联网（或移动互联网）应用服务时，可能需要与平台及或合作第三方签订相关应用服务条款。无论是否签订相关条款，用户均应当自觉遵守平台及或合作第三方SPCP在应用服务中的特定要求及规定。
      您同意：(a) 如发现任何人未经授权使用您的账号和密码，或发生违反保密规定的任何其他情况，您会立即通知平台； (b) 确保您在每个上网时段结束时，以正确步骤离开网站服务。平台不能也不会对因您未能遵守本款规定而发生的任何损失负责。您理解平台对您的请求采取行动需要合理时间，平台对在采取行动前已经产生的后果（包括但不限于您的任何损失）不承担任何责任。<br>
      3.7.密码找回
      如果您的平台账号被盗、密码遗忘或因其他原因导致无法正常登录，您可以按照平台的申诉途径进行申诉，平台并不承诺您一定能通过申诉找回账号密码。<br>
      3.8.短信通知
      您同意平台拥有向已经注册的用户发送订单信息、促销活动等商业性营销类短信通知的权利。<br>
      3.9.邮件、电话通知
      您同意平台拥有向已经注册的用户发送订单信息、促销活动等商业性营销类邮件、电话等形式通知的权利。<br>
      <br>
      四、用户行为规范<br>
      4.1.您不得恶意注册平台账号。平台可以对恶意注册行为进行独立判断和处理。<br>
      4.2.平台号码使用权仅属于初始申请注册人。未经平台许可，您不得赠与、借用、租用、转让或售卖平台号码或者以其他方式许可非初始申请注册人使用平台号码。<br>
      4.3.如果您当前使用的平台账号并不是您初始申请注册的或者通过平台提供的其他途径获得的，您不得用该号码登录或进行任何操作，并请您在第一时间通知平台或者该号码的初始申请注册人。<br>
      <br>
      五、服务协议的变更或终止<br>
      5.1.出现以下情况时，平台有权进行独立判断并随时限制、冻结或终止您对平台账号的使用，并根据实际情况决定是否恢复使用：<br>
      （1）违反法律法规、平台各服务协议或业务规则的规定。<br>
      （2）平台发现您并非号码初始申请注册人，平台有权在未经通知的情况下终止您使用该号码。<br>
      （3）为了充分利用号码资源，如果您存在注册平台账号后未及时进行初次登录使用，或长期未登录使用平台账号等情形，平台有权终止该账号的使用。<br>
      （4）    本协议（含规则）变更时，您明示并通知平台不愿接受新的服务协议的。<br>
      （5）用户使用平台账号服务的权利可以是个人的，也可以是一个公司或实体的商业性组织。未经平台同意，用户不能利用平台账号相关服务进行销售或其他商业用途。<br>
      （6）本协议及本协议的补充协议规定的其他情形<br>
      5.2.您同意，您与平台的合同关系终止后，平台仍享有下列权利<br>
      （1）继续保存您的用户信息及您使用平台服务期间的所有日志信息。<br>
      （2）您在使用平台服务期间存在违法行为或违反本协议和或规则的行为的，平台仍可依据本协议向您主张权利。<br>
      5.3.中国电信手机号码被拆机或销号满30天，平台将终止您的手机号码对应的相关产品服务：包括但不限于苏苏云盘、189邮箱等；并注销您的苏苏云盘账号、189邮箱账号、清理账号、别名、邮件内容、网盘资料等内容。苏苏云盘、189邮箱等后续服务将由各产品负责。非中国电信手机号码被所属运营商拆机或销号的，请您及时自行注销相应手机号码的苏苏账号等，平台不承担由此引发的客户数据丢失等责任及纠纷。<br>
      <br>
      六、客户服务<br>
      6.1.如果您对平台采取的措施有异议或在使用过程中有其他问题的，均可联系平台客户服务部门处理，我们会给予您必要的帮助。
      <br>
      七、免责声明<br>
      7.1.客户明确同意使用苏苏账号服务的风险由客户承担。平台明确表示不提供任何类型的担保，不论是明确的或隐含的。平台将尽力维护客户使用苏苏账号服务的合法权益，但不担保苏苏账号服务一定能满足客户的要求，也不担保服务的及时性、安全性、真实性、稳定性、正确性。<br>
      7.2.客户理解并接受下载或通过相应产品服务取得的任何信息资料取决于客户自己，并自行承担系统受损、资料丢失以及其它任何风险。综合平台对客户在互联网上得到的任何商品购物服务、交易进程、招聘信息等，都不作担保。<br>
      7.3.中国电信对直接、间接、偶然、特殊及继起的损害不负责任，这些损害来自：不正当使用苏苏账号服务及其相关应用服务，在网上购买商品或类似服务，在网上进行交易，非法使用服务或客户传送的信息有所变动。<br>
      7.4.苏苏账号对本项服务下涉及的境内外基础电信运营商的电信通信网络的故障、覆盖范围限制、不可抗力、客户所在位置、客户关机或其他非苏苏账号技术能力范围内的事因等造成的服务中断、资料丢失、出现乱码、错误接收、无法接收、迟延接收不承担责任。<br>
      7.5.平台保留判定客户的行为是否符合本服务条款要求的权利，如果客户违背了本服务条款的规定，综合平台有权中止或者终止相应苏苏账号服务。<br>
      7.6.转户规定：如果客户将手机号码、固定电话号码转让给他人，请客户提前自行删除苏苏账号内资料（含邮件、通讯录、网盘资料等个人数据）。否则，受让该号码的客户将能够查看您的客户个人数据。平台不承担由此引发的客户数据丢失等责任及纠纷。<br>
      <br>
      八、隐私条款<br>
      8.1.尊重用户个人隐私是中国电信的一项基本政策。平台会通过e-sim卡/流量等中国电信自有技术手段获取用户的手机号码信息，以便您可以使用中国电信账号服务进行注册登录；但平台会合理、合法、安全地对您的手机号码信息进行存储与使用。同时，用户未办理停机保号业务且停机超过3个月以上的手机号，或者主动注销的手机号，将被运营商（联通、移动、电信）回收。平台将反馈信息给业务使用方，原有用户信息将被清空。 中国电信使用自有技术及自行收集的用户信息（即用户办理移动电话入网时通过签订用户入网协议等方式授权中国电信收集、使用的信息、数据）为用户提供服务、向用户发送提示。在用户许可（包括但不限于点击本机号码一键登录、确认使用账号服务一键登录、签订相关产品用户协议及隐私政策、授权中国电信向第三方产品提供用户信息以便用户进行一键登录）之前，平台不会将用户的任何个人信息提供给任何第三方产品（包括公司或个人），除非平台根据法律规定或政府强制要求公开个人资料，或因善意确信这样的作法符合下列任一项：<br>
      （1）符合法律公告或适用于平台服务的合法程序；<br>
      （2）保护平台的知识产权或其他重要权利；<br>
      （3）在紧急的情况下，竭力维护用户个人和社会大众的隐私安全。<br>
      <br>
      九、知识产权<br>
      9.1.中国电信是苏苏账号平台的所有权及知识产权权利人。上述平台服务指的是中国电信、或其关联公司、或其授权主体等通过平台为用户提供的包括但不限于信息发布分享、平台应用程序等功能、软件、服务等。<br>
      9.2.本平台内容包括但不限于域名、商号、商标、文字、图形及图像、视像及声音和从相关许可方获得的信息，以及其他材料（统称“内容”）。<br>
      9.3.本平台所载内容均受法律保护。除法律另有规定或中国电信与用户另有约定外，用户不得以商业目的对本网站内容进行修改、复制、分发、传送、显示、公布、许可、转让、销售或基于以上内容创建衍生作品的使用。如果用户违反法律规定或损害本网站和中国电信的利益，本平台保留采取相关法律措施的权利。<br>
    <br>
      十、法律适用<br>
      10.1.本协议之效力、解释、变更、执行与争议解决均适用中华人民共和国大陆地区法律，因使用平台所产生的争议，协商不成的，任何一方可以向被告所在地有管辖权的人民法院提起诉讼。<br>
      10.2.本规则所有条款的标题仅为阅读方便，本身并无实际涵义，不能作为本规则涵义解释的依据。<br>
      10.3.本规则条款无论因何种原因部分无效或不可执行，其余条款仍有效，对双方具有约束力。<br>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="yesCode()">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data(){
    return{
      isStatus:false,
      dialogFormVisible:false,
      user:{}
    }
  },
  methods:{
    yesCode(){
      this.dialogFormVisible=false;
      this.isStatus=true
    },
    setAgreement(){
      this.dialogFormVisible=true
    },
    toCode(){
      if (this.user.phone!=null && this.user.phone.length==11 && this.user.phone!=''){
        this.axios.post(`user/user/sendCode?phone=${this.user.phone}`).then(res=>{
          if (res.data.code==200){
            this.$message.success("发送成功")
          }else {
            this.$message.error(res.data.msg)
          }
        })
      }else {
        this.$message.error("请输入正确的手机号")
      }
    },
    toRegister() {
      if (this.isStatus == true) {
        if (this.user.phone != null && this.user.phone.length == 11 && this.user.phone != '') {
          if (this.user.cde != null && this.user.cde.length == 4 && this.user.cde != '') {
            if (this.user.endPassword != null && this.user.endPassword.length >= 6 && this.user.endPassword != '') {
              if (this.user.endPassword == this.user.password) {
                this.axios.post(`user/user/add`, this.user).then(res => {
                  if (res.data.code == 200) {
                    this.$message.success("注册成功")
                    this.$router.back();
                  }else {
                    this.$message.error(res.data.msg)
                  }
                })
              } else {
                this.$message.error("两次密码必须输入一致")
              }
            } else {
              this.$message.error("请输入正确的密码")
            }
          } else {
            this.$message.error("请输入正确的验证码")
          }
        } else {
          this.$message.error("请输入正确的手机号")
        }
      }else {
        this.$message.error("请先同意协议")
      }
    }
  },
  created() {

  }
}
</script>

<style>
#z{
  width: 950px;
  height: 600px;
  padding-top: 100px;
  padding-left: 500px;
}
#x{
  box-sizing: border-box;
  padding-top: 20px;
  width: 550px;
  height: 550px;
}
</style>
